<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 <base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=9">
<title>会员注册</title>

<link href="css/login.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.error {
	width:350px;
	color:#FB3A3A;
	font-size:12px;
	padding-left:10px;
	padding-top:10px;
}
#mailBox{background:#fff;border:1px solid #ddd;padding:3px 5px 5px;position:absolute;z-index:9999;display:none;-webkit-box-shadow:0px 2px 7px rgba(0, 0, 0, 0.35);-moz-box-shadow:0px 2px 7px rgba(0, 0, 0, 0.35);}
#mailBox p{width:100%;margin:0;padding:0;height:20px;line-height:20px;clear:both;font-size:12px;color:#ccc;cursor:default;}
#mailBox ul{padding:0;margin:0;}
#mailBox li{font-size:12px;height:22px;line-height:22px;color:#939393;font-family:'Tahoma';list-style:none;cursor:pointer;overflow:hidden;}
#mailBox .cmail{color:#000;background:#e8f4fc;}
</style>


<script src="js/jquery-1.9.0.js"></script>
<script src="js/jquery.validate.min.js"></script>
<script src="js/WarnMessages.js"></script>
<script src="js/addValidate.js"></script>
<script src="js/registerValidate.js"></script>
<script type="text/javascript" src="js/autoMail.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$('#userEmail').autoMail({
		emails:['qq.com','163.com','126.com','sina.com','sohu.com','yahoo.cn','gmail.com','hotmail.com','live.cn']
	});
});
</script>
</head>

<body>
<jsp:include page="top.jsp" />
<div class="frame">
    <!-- db部分开始-->
    <div id="bd">	
      <!--注册开始 -->
      	<div class="register_content_middle">
					<div id="li1"><span>1.填写信息</span></div>
					<div id="li2"><span>2.邮箱激活</span></div>
					<div id="li3"><span>3.注册成功</span></div>
				</div>
			<div class="register_content_con">		
			   <div class="register_content_footer">
				  <form id="myform" action="user/user_register_1" name="form1" method="post">		
					<input type="hidden" id="userNameIsnotExist" value="true" />
					<input type="hidden" id="emailIsnotExist" value="true" />
					<table border="0px" cellspacing="0px" cellpadding="0px">
						<c:if test="${! empty requestScope.user.err.msg}">
							<tr> 
								<td colspan="2">
									<font color="red">填写信息出错</font>
								</td>
							</tr>
						</c:if>
						
						<!-- <tr>
							<td width="80px" height="55px" align="right">用户名：</td>
							<td width="210px" height="55px">
								<input type="text" name="user.userName" id="userNameStr" class="register_form1" onblur="isNameExits()" style="font-size:17px; height:30px;font-weight:1px;"  />
								<label id="userMsg" class="error">* 用户名长度须在6~18个字符</label>
							</td>
						</tr> -->
						
						<tr>
							<td width="80px" height="55px" align="right">用户名：</td>
							<td width="210px" height="55px">
								<input type="text" name="user.userName" id="userNameStr" class="register_form1" onblur="isNameExits()" style="font-size:17px; height:30px;font-weight:1px;"  />
								<label id="userMsg" class="error">* 用户名长度须在4~18个字符</label>
							</td>
						</tr>
						<tr>
							<td width="80px" height="55px" align="right">密&nbsp;&nbsp;&nbsp;&nbsp;码：</td>
							<td width="210px" height="55px">
								<input type="password" id="psd" name="user.password" class="register_form1" onblur="psdValidate()" style="font-size:17px; height:30px;" />
								<label id="psdMsg" class="error">* 密码由字符、数字等组成</label>
							</td>
						</tr>
						<tr>
							<td width="80px" height="55px" align="right">确认密码：</td>
							<td width="210px" height="55px">
								<input type="password" id="surePsd" name="password2" class="register_form1" onblur="surePsdValidate()" style="font-size:17px; height:30px;"    />
								<label id="surePsdMsg" class="error">* 请确认密码</label>
							</td>
						</tr>
						<tr>
							<td width="80px" height="55px" align="right">E-mail：</td>
							<td width="210x" height="55px">
								<input type="text" name="user.email" id="userEmail" class="register_form1" onblur="isEmailExists()" style="font-size:17px; height:30px;" />
								<label id="emailMsg" class="error">* 有效的E-mail地址才能收到激活码</label>
							</td>
						</tr>
						<tr>
							<td width="80px" height="55px" align="right">验证码：</td>
							<td width="230px" height="55px">
								<input type="text" name="random" id="valiCode" onblur="validateCode()" style="font-size:14px; float:left; width:120px; height:30px;" />
								<div class="from2-image">
									<img src="util/randomNum" id="randnum" onclick="changeValidateCode(this)" title="刷新验证码" style="cursor: hand;" />
								</div>
								<label id="validateMsg" style="float:left;" class="error"></label>
							</td>
						</tr>
						<tr>
							<td colspan="2" height="20px" width="" align="center">
								<div class="register_agree">
									<input type="checkbox" name="regCheck" id="serviceClause" onchange="serviceClauseVali()" checked="checked" value="1"/>同意&nbsp;
									<a href="admin/goDiffer?itemName=6">&lt;&lt;中国刊网服务条款&gt;&gt;</a>
								</div>
								<label id="serviceClauseMsg" style="float:left; margin-left:-125px; margin-top:-5px;" class="error"></label>
							</td>
						</tr>
						<tr>
							<td width="210px" height="50px" colspan="2" align="left">
								<div class="register_button_all">
									<input type="button" onclick="submitForm()" class="inputStyle" value="提交" />
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									<input type="reset" class="inputStyle" value="取消" />
								</div>
							</td>
						</tr>
					</table>
					</form>
				</div>
			</div>     
     </div>
      <!--注册结束 -->  
    </div>
<jsp:include page="footer.jsp" />

</body>

</html>
